<!DOCTYPE html>
<html>
<head>
<title>List Users</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
  <div class="content">
    <div class="box">
      <div class="heading">
        <h1><img src="images/users.png" height="25" width="25px">List Users</h1>
        <div class="buttons">
          <a onclick="" class="button">Insert</a>
          <a onclick="" class="button">Delete</a>
        </div>    
      </div><!-- end heading -->
      <div class="content">
        <form action="" method="post" id="form" enctype="mutipart/form-data">
          <table class="list">
            <thead>
              <tr>
                <td width="1" style="
                text-align:center"><input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">Column 1</a>
                </td>
                <td class="left">
                  <a href="#">Column 2</a>
                </td>
                <td class="left">
                  <a href="#">Column 3</a>
                </td>
                <td class="left">
                  <a href="#">Column 4</a>
                </td>
                <td class="right">
                  <a href="#">Action</a>
                </td>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td style="
                text-align:center">
                  <input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">content 1</a>
                </td>
                <td class="left">
                  <a href="#">content 2</a>
                </td>
                <td class="left">
                  <a href="#">content 3</a>
                </td>
                <td class="left">
                  <a href="#">content 4</a>
                </td>
                <td class="right">
                  <a onclick=""><img src="
                  images/edit.png" height="20" width="20"></a>
                  <a onclick=""><img src="
                  images/delete.png" height="20" width="20"></a>
                </td>
              </tr>
              <tr>
                <td style="
                text-align:center">
                  <input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">content 1</a>
                </td>
                <td class="left">
                  <a href="#">content 2</a>
                </td>
                <td class="left">
                  <a href="#">content 3</a>
                </td>
                <td class="left">
                  <a href="#">content 4</a>
                </td>
                <td class="right">
                  <a onclick=""><img src="
                  images/edit.png" height="20" width="20"></a>
                  <a onclick=""><img src="
                  images/delete.png" height="20" width="20"></a>
                </td>
              </tr>
              <tr>
                <td style="
                text-align:center">
                  <input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">content 1</a>
                </td>
                <td class="left">
                  <a href="#">content 2</a>
                </td>
                <td class="left">
                  <a href="#">content 3</a>
                </td>
                <td class="left">
                  <a href="#">content 4</a>
                </td>
                <td class="right">
                  <a onclick=""><img src="
                  images/edit.png" height="20" width="20"></a>
                  <a onclick=""><img src="
                  images/delete.png" height="20" width="20"></a>
                </td>
              </tr>
              <tr>
                <td style="
                text-align:center">
                  <input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">content 1</a>
                </td>
                <td class="left">
                  <a href="#">content 2</a>
                </td>
                <td class="left">
                  <a href="#">content 3</a>
                </td>
                <td class="left">
                  <a href="#">content 4</a>
                </td>
                <td class="right">
                  <a onclick=""><img src="
                  images/edit.png" height="20" width="20"></a>
                  <a onclick=""><img src="
                  images/delete.png" height="20" width="20"></a>
                </td>
              </tr>
              <tr>
                <td style="
                text-align:center">
                  <input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">content 1</a>
                </td>
                <td class="left">
                  <a href="#">content 2</a>
                </td>
                <td class="left">
                  <a href="#">content 3</a>
                </td>
                <td class="left">
                  <a href="#">content 4</a>
                </td>
                <td class="right">
                  <a onclick=""><img src="
                  images/edit.png" height="20" width="20"></a>
                  <a onclick=""><img src="
                  images/delete.png" height="20" width="20"></a>
                </td>
              </tr>
              <tr>
                <td style="
                text-align:center">
                  <input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">content 1</a>
                </td>
                <td class="left">
                  <a href="#">content 2</a>
                </td>
                <td class="left">
                  <a href="#">content 3</a>
                </td>
                <td class="left">
                  <a href="#">content 4</a>
                </td>
                <td class="right">
                  <a onclick=""><img src="
                  images/edit.png" height="20" width="20"></a>
                  <a onclick=""><img src="
                  images/delete.png" height="20" width="20"></a>
                </td>
              </tr>
              <tr>
                <td style="
                text-align:center">
                  <input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">content 1</a>
                </td>
                <td class="left">
                  <a href="#">content 2</a>
                </td>
                <td class="left">
                  <a href="#">content 3</a>
                </td>
                <td class="left">
                  <a href="#">content 4</a>
                </td>
                <td class="right">
                  <a onclick=""><img src="
                  images/edit.png" height="20" width="20"></a>
                  <a onclick=""><img src="
                  images/delete.png" height="20" width="20"></a>
                </td>
              </tr>
              <tr>
                <td style="
                text-align:center">
                  <input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">content 1</a>
                </td>
                <td class="left">
                  <a href="#">content 2</a>
                </td>
                <td class="left">
                  <a href="#">content 3</a>
                </td>
                <td class="left">
                  <a href="#">content 4</a>
                </td>
                <td class="right">
                  <a onclick=""><img src="
                  images/edit.png" height="20" width="20"></a>
                  <a onclick=""><img src="
                  images/delete.png" height="20" width="20"></a>
                </td>
              </tr>
              <tr>
                <td style="
                text-align:center">
                  <input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">content 1</a>
                </td>
                <td class="left">
                  <a href="#">content 2</a>
                </td>
                <td class="left">
                  <a href="#">content 3</a>
                </td>
                <td class="left">
                  <a href="#">content 4</a>
                </td>
                <td class="right">
                  <a onclick=""><img src="
                  images/edit.png" height="20" width="20"></a>
                  <a onclick=""><img src="
                  images/delete.png" height="20" width="20"></a>
                </td>
              </tr>
              <tr>
                <td style="
                text-align:center">
                  <input type="checkbox" onclick="">
                </td>
                <td class="left">
                  <a href="#">content 1</a>
                </td>
                <td class="left">
                  <a href="#">content 2</a>
                </td>
                <td class="left">
                  <a href="#">content 3</a>
                </td>
                <td class="left">
                  <a href="#">content 4</a>
                </td>
                <td class="right">
                  <a onclick=""><img src="
                  images/edit.png" height="20" width="20"></a>
                  <a onclick=""><img src="
                  images/delete.png" height="20" width="20"></a>
                </td>
              </tr>
            </tbody>
          </table>
        </form><!-- end form -->
        <div class="pagination">
          <div class="links">
            <a href="#">First</a>
            <a href="#">Previous</a>
            <a href="#">1</a>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">Next</a>
            <a href="#">Last</a>
          </div>
        </div>
      </div>
    </div><!--end box -->

  </div><!-- end conten -->
</body>

</html>